 @import "./global.scss";
.login-container {  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
  justify-content: center;  
  height: 100vh;  
  /* #ifdef APP || H5 */
  background: url("@/static/imgaes/Background_image.png") no-repeat;
  /* #endif */
  background-size: 100% 100%;
  /* #ifdef APP-PLUS || H5 || MP-WEIXIN*/
  .status_bar {
  	height: var(--status-bar-height);
  	width: 100%;
  }
  /* #endif */
  
  .logo {  
    margin-bottom: 20px; 
  }  
  
  .form-container {  
    width: 80%;  
    max-width: 360px;  
    padding: 20px;  
    background-color: #fff;  
	@include background_color('bg-color');
    border-radius: 8px;  
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);  
  
    .input {  
      margin-bottom: 15px;  
      padding: 10rpx;  
      border: 1px solid #ccc;  
      border-radius: 4px;  
    }  
  
    button {  
      padding: 10rpx 20rpx;  
      background-color: #007aff;  
      color: #fff;  
      border: none; 

      border-radius: 4rpx;  
      cursor: pointer;  
    }  
	/* #ifdef APP || H5 */
	button {
	  transition: background-color 0.3s, transform 0.3s;  
	  &:active {  
	    background-color: darken(#007aff, 10%);  
	    transform: scale(0.98);  
	  }  
	}
	/* #endif */
  }  
}  